html,
body {
    height: 100%;
    margin: 0;
}
.container {
    position: relative;
    height: 100%;
    overflow: auto;
    perspective: 1px;
    perspective-origin: 0 0;
}
.bg {
    width: 100%;
    height: 100%;
    background-image: url('/img/bg1.png');
    background-size: cover;
    transform-origin: 0 0;
    transform: translateZ(-1px) scale(2);

}
 .bg h1,.bg h2,.bg h3,.bg h4,.bg h5, .bg h6{
    margin: auto;
    line-height: 65vh;/*垂直居中关键*/
    text-align:center;
 }
.content {
    height: auto;
    width: 80vw;
    margin: auto;
    position: relative;
    top: -40vh;

    background: rgb(255, 255, 255);
    border-radius: 20px;
    box-shadow: -15px -15px 25px rgba(182, 31, 202, 0.5),
    15px 15px 25px rgba(108, 40, 110, 0.2);

    padding-left: 30px;
    padding-top: 20px;
    padding-right: 30px;

    text-align:justify;
    line-height: 2;
}

